// 提交表单 - 事件监听
// onsubmit
// 获取元素

// 导入接口方法
import {reqLogin} from '../../api/index';

// 导入存储token和user方法
import {saveToken,saveUser} from '../../utils/storageUtils'


let loginForm = document.getElementById('loginForm');
let usernameInp = document.getElementById('username');
let pwdInp = document.getElementById('pwd');

// 当表单提交时
loginForm.onsubmit = async function(e){
    // 表单提交的默认行为干掉
    e.preventDefault();
    // alert('来了');

    // 提交ajax请求
    // 把表单当中的账号和密码发送给后台
    let name =  usernameInp.value;
    let pwd = pwdInp.value;

    // 数据检查
    if(!name){
        alert('请输入账号');
        return ;
    }
    if(!pwd){
        alert('请输入密码');
        return ;
    }

    //发送请求
    let result =  await reqLogin(name,pwd);

    // console.log(result);

    // 判断获取数据是否成功
    if(result.code === 2000){
        // 存token和user

        let {token,user} = result.data;

        saveToken(token);
        saveUser(user);

        // 跳转 到用户列表页
        window.location = '/users.html'
    }else{
        // 如果登陆请求失败了, 提示返回的错误信息
        alert(result.message)
    }
}

